@CHARSET "ISO-8859-1"; /*#box_sub1{width:100%; position:fixed; height:94px; left:0px; top:0px; z-index:999; background:url(../images/top_bg.png) 0 0 repeat-x;} #box_sub1_sub1{width:217px; height:69px; float:left; padding:15px 0px 0px 20px;} #box_sub1_sub2{width:793px; height:94px; float:right;} #box_sun2_left{width:50%; float:left; background:url(../images/left_bg.jpg) 0 0 no-repeat; background-size: cover; height:100%; overflow:hidden; position:relative; top:0px; left:0px;} #box_sun2_right{width:50%; float:right;background:url(../images/right_bg.jpg) 0 0 no-repeat; background-size: cover; height:100%;overflow:hidden; position:relative; top:0px; right:0px;} #box_news{width:790px; margin:1000px auto 0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;} .active #box_news{width:790px; margin:0px auto 0px auto; transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;} #box_sub4{width:1000px; margin:0 auto; height:450px; padding-top:1000px; transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;} .active #box_sub4{ padding:0px;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;} #box_sub4_left{float:left; width:460px; padding:20px;background:url(../images/bg40.png) 0 0 repeat;height:450px;} #box_sub4_right{float:right; width:460px;padding:20px;background:url(../images/bg60.png) 0 0 repeat;height:450px;} #box_copyright{ width:100%; background:url(../images/copyright_bg.jpg) 0 0 repeat-x;height:158px; position:fixed; left:0px; bottom:-143px; z-index:998;} #box_copyright_sub1{width:1000px; margin:0 auto; padding-top:20px;} #box_copyright_sub1_sub1{width:230px; float:left;} #box_copyright_sub1_sub2{margin-left:54px; width:440px; float:left; padding-top:20px;} #box_copyright_sub1_sub3{float:right; width:152px;}*/ #one{width:100%; margin:10px auto; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #one{ margin:0px auto;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #two{width:1100px; margin:100px auto; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #two{ margin:100px auto;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #two_a{width:100%; margin:0px auto 100px auto; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #two_a{ margin:0 auto 50px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #two_b{width:100%; margin:0px auto 100px auto; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #two_b{ margin:0px auto;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #two_b{ background:url(../images/sy2_07.png) center no-repeat; height:310px; } #two_b_a{ float:left; width:580px; margin-left:60px;} #two_b_b{float:right; width:340px; margin:47px 97px 0 0; } /*-------------two-------------------*/ #three{width:1100px; margin:100px auto; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #three{ margin:100px auto;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #three_a{width:100%; margin:0px auto 100px auto; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #three_a{ margin:0 auto 50px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #three_b{width:100%; margin:0px auto 100px auto; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #three_b{ margin:0px auto;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #three .wenzi a{color:#fff;} /*-------------three-------------------*/ #four{width:1100px; margin:100px auto; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #four{ margin:50px auto;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #four_a{width:100%; margin:0px auto 100px auto; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #four_a{ margin:0 auto 50px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #four_b{width:100%; margin:0px auto 100px auto; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #four_b{ margin:0px auto;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} /*-------------four-------------------*/ #five{width:1100px; height:700px;margin:100px auto; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s; background:url(../images/x1_03.png) no-repeat center; position:relative;} .active #five{ margin:65px auto;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_title{position:absolute; bottom:0px; left:459px;transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;} .active #five_title{ bottom:214px; left:459px;transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;} #five_16{position:absolute; bottom:0px; left:300px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_16{ bottom:475px; left:300px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_13{position:absolute; bottom:0px; left:229px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_13{ bottom:178px; left:229px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_19{position:absolute; bottom:0px; left:361px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_19{ bottom:325px; left:295px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_110{position:absolute; bottom:0px; left:361px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_110{ bottom:210px; left:365px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_14{position:absolute; bottom:0px; left:566px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_14{ bottom:430px; left:450px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_111{position:absolute; bottom:0px; left:835px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_111{ bottom:560px; left:790px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_112{position:absolute; bottom:0px; left:635px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_112{ bottom:345px; left:650px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_12{position:absolute; bottom:0px; left:810px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_12{ bottom: 345px;left: 822px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_114{position:absolute; bottom:0px; left:700px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_114{ bottom:390px; left:910px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_15{position:absolute; bottom:0px; left:742px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_15{ bottom: 194px; left: 742px;pxtransition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_115{position:absolute; bottom:0px; left:870px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_115{ bottom: 210px; left: 879px;pxtransition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_113{position:absolute; bottom:0px; left:235px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_113{ bottom: 335px; left: 178px;pxtransition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_17{position:absolute; bottom:0px; left:420px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_17{ bottom: 500px; left: 665px;pxtransition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_18{position:absolute; bottom:0px; left:472px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_18{ bottom: 580px; left: 340px;pxtransition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_11{position:absolute; bottom:0px; left:629px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_11{ bottom: 582px; left: 475px;pxtransition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_116{position:absolute; bottom:0px; left:345px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_116{ bottom: 582px; left: 345px;pxtransition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_117{position:absolute; bottom:0px; left:790px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_117{ bottom: 560px; left: 790px;pxtransition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_118{position:absolute; bottom:0px; left:165px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_118{ bottom: 252px; left: 165px;pxtransition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_119{position:absolute; bottom:0px; left:200px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_119{ bottom: 420px; left: 200px;pxtransition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #five_120{position:absolute; bottom:0px; left:930px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #five_120{ bottom: 325px; left: 930px;pxtransition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} /*-------------five-------------------*/ #six{width:1100px; height:727px;margin:40px auto; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s; background:url(../images/aa_03.png) no-repeat center; position:relative; background-size:77%;padding-right:19px;} .active #six{ margin:-10px auto;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #six_a{position:absolute; bottom:0px; left:450px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #six_a{ bottom:308px; left:450px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #six_b{position:absolute; bottom:0px; left:932px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} .active #six_b{ bottom:448px; left:932px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #six_c{position:absolute; bottom:0px; left:817px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s; -moz-animation:circle 1s infinite linear;animation:circle 1s infinite linear;-o-animation:circle 1s infinite linear;-webkit-animation:circle 1s infinite linear;} @keyframes circle{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } @-moz-keyframes circle{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } @-o-keyframes circle{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } @-webkit-keyframes circle{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } .active #six_c{ bottom:170px; left:817px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} /*#six_c:hover{transform: rotate(360deg);animation-iteration-count :100;}*/ /*-------------six-------------------*/ #seven{width:1200px; height:480px;margin:170px auto; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s; background:url(../images/7bg_03.png); position:relative;} .active #seven{ margin:121px auto;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;} #seven_a_a_a{position:absolute; left:0px; top:50px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s; } .active #seven_a_a_a{position:absolute;left:85px; top:50px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s; } #seven_a_a_b{position:absolute; left:0px; top:50px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s; } .active #seven_a_a_b{position:absolute;left:200px; top:50px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s; } #FrontSpecifies_show01-1472107360774 td{color:#fff;} #FrontSpecifies_show01-1472107360774 td a{color:#fff; text-decoration:none;} #seven_a_b_a{position:absolute; right:0px; top:50px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s; } .active #seven_a_b_a{position:absolute;right:485px; top:50px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s; } #seven_a_b_b{position:absolute; right:-500px; top:50px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s; } .active #seven_a_b_b{position:absolute;right:30px; top:50px;transition:all 1s ease 0s; -o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s; } #seven_a{} #seven_b{ position:absolute; bottom:5px; left:37%;} #seven_b p{color:#fff; font-size:14px;} #seven_b p a{color:#fff;} /*-------------seven-------------------*/ /* #jiantou{width:29px; position:fixed; left:50%; margin-left:-14.5px; height:23px; bottom:-6px;}*/ .intro p{ width: 50%; margin: 0 auto; font-size: 1.5em; } .twitter-share-button{ position: fixed; z-index: 99; right: 149px; top: 9px; } #infoMenu{ height: 20px; color: #f2f2f2; position:fixed; z-index:70; bottom:0; width:100%; text-align:right; font-size:0.9em; padding:8px 0 8px 0; } #infoMenu ul{ padding: 0 40px; } #infoMenu li a{ display: block; margin: 0 22px 0 0; color: #333; } #infoMenu li a:hover{ text-decoration:underline; } #infoMenu li{ display:inline-block; position:relative; } #examplesList{ display:none; background: #282828; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 20px; float: left; position: absolute; bottom: 29px; right: 0; width:638px; text-align:left; } #examplesList ul{ padding:0; } #examplesList ul li{ display:block; margin: 5px 0; } #examplesList ul li a{ color: #BDBDBD; margin:0; } #examplesList ul li a:hover{ color: #f2f2f2; } #examplesList .column{ float: left; margin: 0 20px 0 0; } #examplesList h3{ color: #f2f2f2; font-size: 1.2em; margin: 0 0 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); padding: 0 0 5px 0; } /* Overwriting fullPage.js tooltip color * --------------------------------------- */ #pp-nav.custom .pp-tooltip{ color: #AAA; }